<style>
.typeitem{	
	text-align:left;
	padding:0.5rem;
	background:#fff;
	background: var(--s-color-bg-primary,#fff);
    border: 1px solid rgba(0,0,0,.08);
    border: 1px solid var(--s-color-border-tertiary,rgba(0,0,0,.08));
}
.typeitem.active{
    border: 1px solid {{main.syscolor || '#7c1cc9'}};
}
</style>
<div class="fui-tab-scroll" style="padding-bottom:0.5rem;height:2.5rem">
	<div ng-class="{'item':1,'on':pagedata.params.pid==0}" style="height:2rem;line-height:1.5rem"><a href="javascript:;" ng-click="pagedata.params.pid=0;pagedata.nowtypelist=pagedata.allnowtypelist">全部</a></div>
	<div ng-repeat="(key,item) in pagedata.news_ntype" style="height:2rem;line-height:1.5rem" ng-class="{'item':1,'on':pagedata.params.pid==item.id}"><a href="javascript:;" ng-click="pagedata.params.pid=item.id;pagedata.nowtypelist=item.list">{{item.title}}</a></div>
</div>
<div class="fui-icon-group col-2 selecter">
	<div ng-repeat="item in pagedata.nowtypelist" class="fui-icon-col-sm" style="padding:0.15rem;">
		<div ng-class="{'radius typeitem':1,'active':pagedata.post.ntype==item.id}" ng-click="pagedata.checktype(item)">
			<div class="icon icon-tuwen syscolor" style="text-align:left;"></div>
			<div class="text bold" style="text-align:left;">{{item.title}}</div>
			<div class="subtitle" style="font-size:12px;color: #999;margin-top:0.3rem">{{item.desc}}</div>
		</div>
	</div>
</div>
<script>
scope.pagedata.checktype=function(item){
	scope.pagedata.item=item;
	scope.pagedata.post.ntype=item.id;
	scope.pagedata.post.wenmsg=item.wenmsg;
	scope.$evalAsync();
}
</script>